<!DOCTYPE html>
<html>
<head lang="zh-cmn-Hans">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页计数器</title>
    <link href="//dn-lbstatics.qbox.me/semantic-ui/1.11.6/semantic.css" rel="stylesheet" type="text/css">
    <script src="//dn-lbstatics.qbox.me/jquery/2.1.3/jquery.min.js"></script>
    <script src="//dn-lbstatics.qbox.me/semantic-ui/1.11.6/semantic.min.js"></script>

    <style>
        .fullHeight {
            height: 100%
        }
    </style>
</head>
<body>
<!--<div class="ui   teal label">-->
<!--微服务-->
<!--<div class="detail"></div>-->
<!--</div>-->
<div class="ui center aligned page grid">
    <div class="fourteen wide column">
        <p style="padding: 33px"></p>

        <h1 class="ui icon header">
            <img class="ui inline icon image" src="//semantic-ui.com/images/icons/rocket.png">
            加速你的网站开发
        </h1>

        <p style="padding: 8px"></p>

        <div class="eight wide column">
            <h3 class="ui header">仅需两行代码</h3>

            <p>一行JS，一行标签，轻松搞定全站页面访问量计数，智能计数器，超快速响应。为的网站添加浏览量统计。</p>
            <a class="ui large right labeled primary icon button"
               href="http://www.learnsemantic.com/guide/expert.html">
                <i class="right chevron icon"></i>
                Getting Started Guide
            </a>
        </div>
    </div>
</div>
</div>

<!--<div class="ui inverted yellow vertical segment center centered">-->
<!--<div class="ui page grid">-->
<!--<div class="column center aligned">-->
<!--<h2 class="ui inverted header center aligned ">Full Width Background</h2>-->

<!--<p>First section of content</p>-->

<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="ui inverted black vertical segment">-->
<!--<div class="ui page grid">-->
<!--<div class="column">-->
<!--<h2 class="ui inverted header">Full Width Heading</h2>-->
<!--<p>Second section of content</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="ui vertically padded page grid">-->
<!--<div class="teal column">-->
<!--<h2 class="ui inverted header">Column Background</h2>-->
<!--<p>Third section of content</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="ui vertically padded page grid">-->
<!--<div class="black column">-->
<!--<h2 class="ui inverted header">Column Background</h2>-->
<!--<p>Fourth section of content</p>-->
<!--</div>-->
<!--</div>-->

</body>
</html>